/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10 avr. 2014, 14:28:12
    Author     : admin
*/





@font-face {
    font-family: 'atilla_widenormal';
    src: url('atilla_wide_normal-webfont.eot');
    src: url('atilla_wide_normal-webfont.eot?#iefix') format('embedded-opentype'),
        url('atilla_wide_normal-webfont.woff') format('woff'),
        url('atilla_wide_normal-webfont.ttf') format('truetype'),
        url('atilla_wide_normal-webfont.svg#atilla_widenormal') format('svg');
    font-weight: normal;
    font-style: normal;

}



body{
    font-family: 'atilla_widenormal';
    background: linear-gradient(to top, #dddddd 0% ,#FFFFFF 100%);
    background-repeat:no-repeat;
}

// -----------------------------------------------------HEADER------------------------------------------------------

header {
    margin: 0 0 5px 0;
    border :2px #EA0F6B solid;
    float : top;
    text-align : center;
    
}

div#logo {
    float : left;
    //display : block;
}

div#title {
   
    font-family: 'atilla_widenormal';
    //text-align:center;
    //font-weight: bold;
    font-variant: small-caps;
    color : #F28411;
    width :auto;
    height : 105px;
}

// ----------------------------------------------------NAV--------------------------------------------------------


nav{
    margin: 0 auto -150px;
    padding:0;  
    float : left;
    //display:inline-block;
    width : 280px;
    height : 1000px;
    border : 2px #008ED6 solid;
}

#onglets
{   font-size: 12px;
    list-style-type : none;
    //padding-bottom : 15px; 
    border-bottom : 1px solid #60605B;
    margin-left : 0px;
    margin-bottom: 0px;
    padding : 0px;
    height : 23px;
}

#onglets li
{
    float : left;
    height : 20px; 
    background-color: #F4F9FD;
    margin : 2px 2px 0 2px !important;  
    margin : 1px 2px 0 2px;  
    border : 1px solid #60605B;
}

#onglets li.active
{
    border-bottom: 1px solid #fff;
    background-color: #D36B9E;
}

#onglets a
{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 4px;
}

#onglets a:hover
{
    background : #fff;
}

ul {
    list-style-type:none; 
}

ul#first {
    padding : 10px;
}

// -----------------------------------------------------CONTENT------------------------------------------------------

section{
    float:top;      
    margin-left : 25px;
    margin: 0 auto -150px;
}




#leftNav{
    border : 2px #008ED6 solid;
    float:left;
    margin-left: 5px;
}



// -----------------------------------------------------TABLE------------------------------------------------------


table
{
    float:left;
    display : inline;
    border-collapse:collapse;
    margin: 0 auto -150px;
}

table, td
{

    font-size: 12px;
    margin: 20px;
}

caption
{ font-size : 24px;
  color : #EA0F6B;
  margin : 0 0 5px 0;
}

th
{
    width : 120px;
    background-color: #008ED6;
}

td 
{
    border:1px solid black;
}

footer
{
    height : 150px;
}

